<html>

<head>
    <!-- include js packages -->
    <script src="./js/mess/common/collections/Iterator.js" type="text/javascript"></script>
<script src="./js/mess/common/collections/List.js" type="text/javascript"></script>
<script src="./js/mess/common/collections/Map.js" type="text/javascript"></script>
<script src="./js/mess/common/BasicElements.js" type="text/javascript"></script>
<script src="./js/mess/common/GenericAjax.js" type="text/javascript"></script>
<script src="./js/mess/common/Util.js" type="text/javascript"></script>

<script src="./js/mess/ui/common/MessEventUtil.js" type="text/javascript"></script>
<script src="./js/mess/ui/common/MessUIElement.js" type="text/javascript"></script>
<script src="./js/mess/ui/common/MessCoordinate.js" type="text/javascript"></script>

<script src="./js/mess/ui/controls/treeview/MSTreeViewControl.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/treeview/MSTreeViewElement.js" type="text/javascript"></script>

<script src="./js/mess/ui/controls/windows/buttons/WindowButton.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/buttons/ShrinkButton.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/buttons/CloseButton.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/buttons/ResizeButton.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/buttons/MaximizeButton.js" type="text/javascript"></script>



<script src="./js/mess/ui/controls/windows/Window.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/ResizingFrame.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/MovingFrame.js" type="text/javascript"></script>
<script src="./js/mess/ui/controls/windows/WindowControl.js" type="text/javascript"></script>
<script src="./js/mess/ui/layout/MovingSplitter.js" type="text/javascript"></script>
<script src="./js/mess/ui/layout/Panel.js" type="text/javascript"></script>
<script src="./js/mess/ui/layout/Splitter.js" type="text/javascript"></script>

<script src="./js/mess/xml/parser/XmlDataParser.js" type="text/javascript"></script>


    <!-- include css theme -->
    <link href="style/themes/default/controls/treeview/themes/cyan/treeview.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>
<link href="style/themes/default/controls/treeview/themes/default/treeview.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>
<link href="style/themes/default/controls/window/themes/cyan/buttons.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>

<link href="style/themes/default/controls/window/themes/cyan/window.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>
<link href="style/themes/default/controls/window/themes/default/buttons.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>

<link href="style/themes/default/controls/window/themes/default/window.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>
<link href="style/themes/default/layout/layout.css"
      rel="stylesheet"
      type="text/css"
      media="screen"/>



<link href="style/themes/default/mess.css"
      type="text/css"
      rel="stylesheet"
      media="screen"/>

</head>


<body class="messBody" style="height: 200px;"></body>


</html>

<script type="text/javascript">

    var GLOBAL_THEME = "default";
    var eventUtil = new MessEventUtil();
    	eventUtil.attachBasicEventHandlers();

    var main1 = new Panel(document.body, true);


    var op0 = main1.addPanel(new Panel(main1, false, 200));
    op0.setMinWidth(100);
    op0.setMaxWidth(300);


    var op1 = main1.addPanel(new Panel(main1, false));
	
	var op33 = main1.addPanel(new Panel(main1, false, 200));
		op33.setMinWidth(100);
		op33.setMaxWidth(300);
		
		
	var op3 = op33.addPanel(new Panel(op33, true));
	var op4 = op33.addPanel(new Panel(op33, true));
	
    var op0win = new Window("Window Left");
    	op0win.addButton( new ShrinkButton() );
    op0.setControl(op0win);

    var op1win = new Window("Window Top");
    op1.setControl(op1win);
	
	var op3win = new Window("Window Left");
	    op3win.addButton( new ShrinkButton() );
	    op3win.addButton( new CloseButton() );
		op3win.setTheme("Cyan");
	op3.setControl(op3win);
	
	
		var winControl1 = new WindowControl();
			winControl1.setTheme("Cyan");
			var winList = new List();
				var foo = new Window("WinBottom 1");
					foo.addButton( new ShrinkButton() );
				winList.add(foo);
				var foo = new Window("WinBottom 2");
					foo.addButton( new ShrinkButton() );
				winList.add(foo);
				var foo = new Window("WinBottom 1");
					foo.addButton( new ShrinkButton() );
				winList.add(foo);
				var foo = new Window("WinBottom 1");
					foo.addButton( new ShrinkButton() );
				winList.add(foo);
				
		winControl1.addControl(winList);

	op4.setControl( winControl1 );
	




    var tree1 = new MSTreeViewControl();

    var br1 = tree1.addControl(new MSTreeViewElement());
        br1.addControl(new MSTreeViewElement());
        br1.addControl(new MSTreeViewElement());
        br1.addControl(new MSTreeViewElement());
        br1.addControl(new MSTreeViewElement());


    var cbr1 = br1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());

    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement("commercial"));
        gbr1.addControl(new MSTreeViewElement("user manager"));


    var cbr1 = br1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());

    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());

    op0win.setControl(tree1);
	
	
	
	var tree1 = new MSTreeViewControl();

    var br1 = tree1.addControl(new MSTreeViewElement());

    var cbr1 = br1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());

    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement("commercial"));
        gbr1.addControl(new MSTreeViewElement("user manager"));


    var cbr1 = br1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
        cbr1.addControl(new MSTreeViewElement());
    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());

    var gbr1 = cbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
        gbr1.addControl(new MSTreeViewElement());
	
	op3win.setControl(tree1);

	
	      
	var floating1 = new Window("Floating Window");
		floating1.setFloating(true);
		floating1.addButton( new MaximizeButton() );
		floating1.addButton( new CloseButton() );
		floating1.addButton( new ResizeButton() );
		main1.setControl(floating1);
		

		
    document.body.appendChild(main1.render());


</script>


